<script>
$(function(){
	  $('#container1').highcharts({
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false,
            height:300,
            width:500
        },
        title: {
            text: ''
        },
        tooltip: {
    	    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    color: '#000000',
                    connectorColor: '#000000',
                    format: '<b>{point.name}</b>: {point.percentage:.1f} %'
                }
            }
        },
        series: [{
            type: 'pie',
            name: 'Browser share',
            data:[${(list[0])!''}]
        }]
    });
      $('#container2').highcharts({
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false,
            height:300,
            width:500
        },
        title: {
            text: ''
        },
        tooltip: {
    	    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    color: '#000000',
                    connectorColor: '#000000',
                    format: '<b>{point.name}</b>: {point.percentage:.1f} %'
                }
            }
        },
        series: [{
            type: 'pie',
            name: 'Browser share',
            data:[${(list[1])!''}]
        }]
    });
      $('#container3').highcharts({
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false,
             height:300,
            width:500
        },
        title: {
            text: ''
        },
        tooltip: {
    	    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    color: '#000000',
                    connectorColor: '#000000',
                    format: '<b>{point.name}</b>: {point.percentage:.1f} %'
                }
            }
        },
        series: [{
            type: 'pie',
            name: 'Browser share',
            data:[${(list[2])!''}]
        }]
    });
      $('#container4').highcharts({
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false,
             height:300,
            width:500
        },
        title: {
            text: ''
        },
        tooltip: {
    	    pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: true,
                    color: '#000000',
                    connectorColor: '#000000',
                    format: '<b>{point.name}</b>: {point.percentage:.1f} %'
                }
            }
        },
        series: [{
            type: 'pie',
            name: 'Browser share',
            data:[${(list[3])!''}]
        }]
    });
})
</script>

<div class="panel panel-default">
<div class="panel-heading font-bold"><h4>受训报告</h4></div>
<div style="clear: both;">
	<form id="trainedReportForm" class="form-horizontal ng-pristine ng-valid ng-valid-required" method="post">
		<input type="hidden" name="clc" value="${clc!''}"/>
		<div  class="tab-content " style="margin-top:0px;">
			<table class="table m-b-none default footable-loaded footable showDiv"  data-page-size="5" data-filter="#filter" ui-jq="footable">
				<tr>
					<th class="footable-visible footable-first-column footable-sortable" data-toggle="true" >
						1.&nbsp;&nbsp;您对该班级的教学是否满意 ? &nbsp;&nbsp;<span ></span>
					</th>
				</tr>
					<td class="footable-visible footable-first-column"  >
						<div id="container1" <#if !list??> style="display: none;"</#if>></div>
					</td>
				<tr>
			</table>
			<table class="table m-b-none default footable-loaded footable showDiv"  data-page-size="5" data-filter="#filter" ui-jq="footable">
				<tr>
					<th class="footable-visible footable-first-column footable-sortable" data-toggle="true">
						2.&nbsp;&nbsp;您对学习的课程是否满意? &nbsp;&nbsp;<span ></span>
					</th>
				</tr>
				<tr>
					<td class="footable-visible footable-first-column" >
						<div id="container2" <#if !list??> style="display: none;"</#if>></div>
					</td>
				</tr>
			</table>
			<table class="table m-b-none default footable-loaded footable showDiv"  data-page-size="5" data-filter="#filter" ui-jq="footable">
				<tr>
					<th class="footable-visible footable-first-column footable-sortable" data-toggle="true" >
						3.&nbsp;&nbsp;您对受训的老师是否满意 ? &nbsp;&nbsp;<span ></span>
					</th>
				</tr>
				<tr>
					<td class="footable-visible footable-first-column"  >
						<div id="container3" <#if !list??> style="display: none;"</#if>></div>
					</td>
				</tr>
			</table>
			<table class="table m-b-none default footable-loaded footable showDiv"  data-page-size="5" data-filter="#filter" ui-jq="footable">
				<tr>
					<th class="footable-visible footable-first-column footable-sortable" data-toggle="true" >
						4.&nbsp;&nbsp;您对班级的学习资料是否满意 ? &nbsp;&nbsp;<span ></span>
					</th>
				</tr>
				<tr>
					<td class="footable-visible footable-first-column" >
						<div id="container4" <#if !list??> style="display: none;"</#if>></div>
					</td>
				</tr>
			</table>
			<table class="table m-b-none default footable-loaded footable showDiv"  data-page-size="5" data-filter="#filter" ui-jq="footable">
				<tr>
					<th class="footable-visible footable-first-column footable-sortable" data-toggle="true" >
						5.(感言) &nbsp;&nbsp;学生对本班级的受训感言  &nbsp;&nbsp;<span ></span>
					</th>
				</tr>
				<#list list1 as tr>
				<tr>
					<td class="footable-visible footable-first-column">
						<span>${tr_index+1}楼&nbsp;&nbsp;&nbsp;学员：${tr.ucn!''}&nbsp;&nbsp;&nbsp;时间：${tr.ct!''}</span>
						<div>
							<textarea style="width:500px;height:100px;" disabled="disabled">${tr.testimonials!''}</textarea>
						</div>
					</td>
				</tr>
				</#list>
			</table>
		</div>
	</form>
</div>
</div>